Top 18 Cool Horizontal Image Slider Demos
Slider Revolution! Responsive WordPress Plugin The Revolution is here!
Create a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with our convenient drag&drop backend to your very needs.This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.JQuery-only Version: Slider Revolution Responsive jQuery Plugin
Concrete5 Version: Slider Revolution Responsive Concrete5 Add-On
Image and Thumbs fully resizable
Captions like Video, Image and html tags can be easily Created
Duplicate, Slider, slide, captions Function
Hide Captions Separetely or Together depending on jQuery UI slider
Hide whole Slider Depending on Screen Width
org/revolution-slider-a-premium-drag-and-drop-slider-for-wordpress/ “Revolution Slider is an all around awesome plugin, and would be a solid addition to any site. I can honestly say that I haven’t had as much fun with, or been blown away by the quality and experience of any plugin/slider/website building tool in…ever??” (Webdsignandsuch.com – “A look at the Revolution Slider – Steve Jobs would be proud”)
“This is my favourite Slider plugin right now – props to Theme Punch for bringing us this one.“I thoroughly enjoyed testing and using this plugin, and highly recommend it to all those of you who are looking for a slider plugin, especially if you plan to include some layer-based animation features to your slides.30+ Useful WordPress Slider Plugins – Creative Can
80 Amazing jQuery Slider and Carousel Plugins – Creative Can
30+ jQuery Image Slider Plugins and Tutorials – Tripwire Magazin
25+ Cool WordPress Slider Plugins – Creative Can
Kallyas – Creative Slider and Kallyas – Portfolio Slider
Slider Installation & First Steps http://www.Easy Slider Creation http://www.Screencast showing how easy it is to work with our Revolution WordPress Slider: http://www.0 Box for the Revolution Slider http://goo.If you updateing your older version to the new one, please do not forget to copy the custom css settings from the slider editor.grid list shows up correctly now on slider creation
change: fullscreen video is playing now in full Slider.change: Playing video only stops the current slider, no influence on other slider
bug fix: fixed import slider button from slider view
feature: Added FullScreen slider mode function
feature: Added Horizontal and Vertical Aligns (top,center,bottom, left,center,right) for Captions
feature: Added option to copy / move slide to another slider
the height of fullscreen slider will be decreased with the height of the #header to fit perfect in the screen !)
feature: Added layer property: Scroll below slider, added to the slide link section
feature: Added import slider option to sliders view
change: added “edit slider” button in sliders view for avoid confusement.optimization: begin using wordpress image thumbs in slide view.Bug Fix: Field image not found message removed
Bug Fix: more then one Slider on the same page influence the Caption Behaviour.Bug Fix: Safari on pc Slider with links creates huge Memory Leaks.Bug Fix: Fullwidth align calculation bug fixed if aspect ratio of container equal to aspect ratio of main image
feature: added “update slider” button to update the slider from zip file.feature: added “update image source” feature of the image layer.feature: updated the slider for multisite systems.bug fix: Link to _blank page crashed the Slider.feature: added full width centering for slide image
feature: added put slider on certain pages functionality
feature: added “pages” field to the thumbnail slider widget
protection: improved slider not found by alias error message.Slider is WP 3.feature: added slider hide under some width option (only in Responsive Mode)
feature: added “alt” text to all the images in the output, so the slider could be validated.change: changed backend jquery ui version to set the slider work with wordpress 3.feature: added slider preview from the sliders list and slider view
Added export / import slider functionality
When add text layer after image layer selected the class was empty.Added Duplicate Slider functionality
Added “stop slider” functionality.feature: Added background image option to slider options
Slider Countdown is stopped during the Playback.bug fix: fixed url fetching in js from image import dialog
Bug fix: fixed all the image url’s without php resizing. Now any image url’s can be used, not only from the “wp-content” path.Bug Fix: fixed responsitive slider type, added initial width and height
2. WOW Slider
WOW Slider is a fantastic responsive image slider with
killer animations and tons of professionally made templates. NO Coding - WOW Slider is packed with a drag-n-drop wizard to create beautiful slideshows in a matter of seconds without coding and image editing. Wordpress plugin and Joomla module are available.
Also, you can share your slider on Facebook.
show all pages – vertical or horizontal thumbnails depending on the layout, with scrollbar, optimized for mobile devices
fixed bug in css3d mode in IE (missing image icon on the left page)
Dynamic Slider is a flexible slider that allows the customization of all of its components giving the possibility to create a large number of different layouts and configurations. Some of the features of the slider include:
The direction, either horizontal or vertical.
Ether Grid Slider is an extremally functional jQuery plugin designed for transforming any type of content into practical grids and/or sliders. A good and successful example of such application is our Ether Content Builder plugin for WordPress that takes advantage of all the options Ether Grid Slider offers.Fixed: Responsiveness of slider navigation
bootstrap image gallery options
Highly customizable slider navigation
always_show_img_title: Keep image titles visible and expanded
ctrl_always_visible: Slider controls visible at all times or on hover only
ctrl_arrows_pos_shift_x: Custom horizontal offset of slider arrows
ctrl_arrows_pos_shift_y: Custom vertical offset of slider arrows
ctrl_arrows_pos_x: Horizontal position of slider arrows
ctrl_arrows_pos_y: Vertical position of slider arrows
ctrl_pag_pos_shift_x: Custom horizontal offset of slider pag
ctrl_pag_pos_shift_y: Custom vertical offset of slider pag
ctrl_pag_pos_x: Horizontal position of slider pag
ctrl_pag_pos_y: Vertical position of slider pag
gallery_img_title: For image galleries. If an image tag has title or alt attribute defined (in this order), description will be displayed when an element is hovered
image_stretch_mode: Image stretch mode. Other types are especially handy for image galleries.img_title_pos_x: Horizontal position of image title (it’s always full width at the moment so it doesn’t have any pratcical effect)
img_title_pos_y: Vertical position of image title
loop: Behaviour of the slider on the last-to-first and first-to-last element transition
slider: Transform element into a slider (0 will create a grid only)
Grid and slider functionality do not affect actual content behaviour.Image Gallery Options
You can see a couple of practical implementation examples on the jQuery 3d slider demo page or by browsing the examples available inside the package upon download.Fixed: Responsiveness of slider navigation
10+ premade examples including: classic slider, clients slider, custom text content slider, dynamic slider, external linking, image feed, services slider, testimonials slider and more
Read about the slider image jQuery in the Website Magazine, WP Themes News!
3 – Slider built from random blocks of different sized thumbnails to achieve special outlooks that is always different
6 – Infinite horizontal sliding (the Infinite Slider rebuilds itself infinitely behind the scenes)
9 – Slide by grabbing and dragging the whole slider
10 – On mobile devices swipe the slider
12 – Full wordpress integration to display the image slider using CSS your existing or newly added featured images and their post data (title, description)
13 – Central picture turns into a link for that particular wordpress post where it is the wordpress featured slider
17 – Fully responsive, the Infinite Slider fills out the screen up to retina view width while also adjusts to below 300px small mobile screens
19 – Many adjustable options to customize your version of the Infinite Slider (filter based on custom post type, categories, tags and many many more features)
Home Page Slider
Image Gallery with Vertical Thumbnail Navigator
List Slider
Responsive Slider
Tab Slider
Tiled Menu Slider
Grid Slider
Full Width Slider
When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.Best performance slider guarantee
Jssor slider is announced as one of the best performance sliders. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)
Jssor slider comes with 360+ impressive slideshow effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Horizontal/vertical drag by auto detect
Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.Most reliable slider
Jssor slider is CSS3 text shadow cross browser slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.Most scalable slider
Jssor slider is one of most scalable slider. Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
Arrow key navitation, navigate slider by click keyboard arrow left/right
Slider can be put anywhere (lightbox, or any container)
Cut/Paste slider code snippet
Home Page Slider
Image Gallery with Vertical Thumbnail Navigator
List Slider
Responsive Slider
Tiled Menu Slider
Grid Slider
Full Width Slider
When touch and drag the slider with finger on a touch device like iphone (iOS, Android, Windows Surface), the slider will move left/right or up/down. If responsive feature is enabled, when window of browser resize, the slider size will respond to window width at real time with no delay, no stop of animation. Touch, drag or click bullets/arrows/thumbnails anytime, no need to wait for end of animation, slider will act instantly.Best performance slider guarantee
Jssor slider is announced as one of the best performance sliders. It is one of the lowest CPU comsuming slider. slider (1%), slider with caption (4%), slider with slideshow (~4%)
Jssor slider comes with 360+ impressive slideshow effects/transitions
Jssor slider comes with 390+ impressive caption effects/transitions
Horizontal/vertical drag by auto detect
Jssor slider auto detect drag orientation, when an user touch and drag the slider, it will move horizontal or vertical recording to drag orientation.Most reliable slider
Jssor slider is slider CSS3 slider, it support wide range of browsers, Chrome 3+, Firefox 2+, IE 6+, Safari 3. Jssor slider is also cross plat form browser, iOS, Android, Windows, Windows Surface and Mac are all supported.Most scalable slider
Jssor slider is one of most scalable slider. Position of thumbnails, tabs and bullets are adjustable, can be vertical or horizontal
Arrow key navitation, navigate slider by click keyboard arrow left/right
Slider can be put anywhere (lightbox, or any container)
Cut/Paste slider code snippet
The divide animation can be in horizontal or vertical. Both the image and text’s support ease in and ease out animation.jQuery OneByOne Slider Plugin:
Slider Revolution! Responsive jQuery Plugin The Revolution is here!
Turn simple HTML markup into a responsive(mobile friendly) or fullwidth slider with must-see-effects and meanwhile keep or build your SEO optimization (all content always readable for search engines). See the heaps of custom transitions/animations for each object on the page! Customize this slider with just a little HTML and CSS to your very needs.This plugin features tons of unique transition effects, an image preloader, video embedding, autoplay that stops on user interaction and lots of easy to set options to create your own effects.JQuery-only Version: Slider Revolution Responsive Wordpress Plugin
Concrete5 Version: Slider Revolution Responsive Concrete5 Add-On
Image and Thumbs fully resizable
Captions/Layers like Video, Image and html tags can be easily Created
Hide Captions Separetely or Together depending on Slider Width
Hide whole Slider Depending on Screen Width
Helper functions, like scroll under slider, rekurisve depth of responsivity etc.change: fullscreen video is playing now in full Slider.change: Playing video only stops the current slider, no influence on other slider
Feature: Horizontal and Vertical Aligns (top,center,bottom, left,center,right) for Captions
Feature: Horizontal and Vertical Offsets for Aligns ( Only works with Aligns together voffset and hoffset)
the height of fullscreen slider will be decreased with the height of the #header to fit perfect in the screen !)
Bug Fix: more then one Slider on the same page influence the Caption Behaviour.Bug Fix: Safari on pc Slider with links creates huge Memory Leaks.Bug Fix: Fullwidth align calculation bug fixed if aspect ratio of container equal to aspect ratio of main image
bug fix: Link to _blank page crashed the Slider.Added new Feature to Set if Slider itseld should be Hidden under a predefined Limit (width) of Slide.Lilnk To Slide works now also on Main Image.feature: added slider hide under some width option (only in Responsive Mode)
Use Inside Api to Link inside the Slider ( go prev / next slide, or jump to slide)
ficed bug Vimeo API breaks Slider if Froogaloop not loaded – Repaired.Bug: Vimeo API breaks Slider if Froogaloop not loaded – Repaired.Background Image can be used for Banner now
They served us well, but it’s time for something new and more powerful… and cooler than a slider. Dynamic Grid: Posts Feed is a next generation slider for your homepage, sidebar, footer, you name it. If you want to tackle the settings a bit you can create anything – horizontal 1-row scroller, vertical 1-column scroller, grid with square cells, grid with random number of cells, or even – a grid with random number of cells and every cell with a random height! You get the idea…
One of the cool features of this plugin is that it takes the wordpress featured image (or the first image in your post) and fills the cells with it, bringing even more life and color to the grid. But what happens when you have an image that’s for example three times bigger than it’s parent cell. Doesn’t matter if your image is larger, smaller, taller, thinner or whatever – it will not break the layout.
Cube Slider uses CSS3 transform property for creating 3d cubes elements and animating then in a cube slider. If the browser does not support css3 transform then the slider falls back in a standard
jquery slider that uses jquery easing plugin for animation images. jQuery Easing for fallback slider
Vertical and Horizontal rotation
Thumbnail small icons: small icons which appear when a thumbnail is selected, these icons are of three types (video, link and image) (optional). Mousewheel support, the scroll direction can be set to vertical or horizontal(optional).Zoom and panning support for images: you can zoom in and out an image and you can pan the image, in this way you can see the image in great detail (optional).2013 – Fixed a series of bugs and added support for mouse wheel, this way the grid can be scrolled horizontal or vertical using the mouse wheel (optional).
With Dynamic Grid: XML Gallery you can create the image slider jQuery that you want. If you want to tackle the settings a bit you can create anything – horizontal 1-row scroller, vertical 1-column scroller, grid with square cells, grid with random number of cells, or even – a grid with random number of cells and every cell with a random height!
Image scaling/centering
How many times have you tried using a plugin, slider or whatever and you needed to have images with an exact size?
Doesn’t if your image is larger, smaller, taller, thinner or whatever – it will not break the plugin. While this plugin is great for viewing images right from your website, your visitors would want to click and view an image in full size. The most popular image gallery script out there, it’s simply the best way to download vimeo videos to view images in their full sizes.
All Around – jQuery Content Slider / Carousel
All Around content slider is a multi-purpose all-in-one slider solution for your website. You can adjust the pure CSS menu the way you need it or you can choose one of our 6 prepared layouts. The All Around jQuery slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius. The features of the All Around content slider / carousel are listed below. You can find WordPress version of this plugin here: All Around – Wordpress Content Slider.All Around content slider features
- You can choose between horizontal and content vertical slider jQuery
- 3 options for main image click (next item, previous item, nothing)
Fixed a bug that freezes slider on iPhone/iPad
Vertical Sidebar Gallery is a plugin jQuery slideshow and theme templates that create a stunning vertical image slider with three rotation degrees. You can use it as an image gallery or wordpress featured post scroller. rotateHorizontal: true, // whether to use the the horizontal rotations
optionsSliderHorizontal: {}, // Flow Slider options for the slider image jQuery
optionsSliderVertical: {}, // Flow Slider options for the vertical sliders
optionsSliderThumbnail: {} // Flow Slider options for the thumbnail sliders
To better understand the Flow Slider’s option you are encouraged to visit its website. For example, to make horizontal slider to change its position without an animation, but instantly, just set optionsSliderHorizontal: {animation: “None”}
Vertical Image gallery comes with five design themes installed. Just create an element over the slider with one of the skin classes: . Change the Size of Your Slider
Add more than one image to a thumbnail and an infinite image rotator will be created to scroll through those images. 3-in-1 Slider
Three sliders power this template: horizontal panel slider, vertical thumbnail slider, and horizontal image slider CSS rotator.Place your cursor over the slider to scroll top panel content using mouse scroll wheel.Vertical Image Gallery supports all major browsers, like: Firefox, Internet Explorer, Chrome, Safari, Opera. Create a slider with hardware accelerated CSS3 transitions. Flow Slider
This template is powered by Flow Slider Free jQuery plugin, which is endlesly customizable and ensures flawless sliding.
Because jQuery Tiles Gallery is a gorgeus way to immediately present all your pictures, the visitors of your web site can see all the pictures at a glance, like no other gallery or slider can do!
It’s also possible to add captions simply adding them as ALT attribute of each image.You can set a default horizontal and vertical alignment for all the pictures, but you can also overwrite the default alignment simply using the “data” attributes on the IMG tag.
jQuery Flipbook Slider is a lightweight jQuery plugin for flipping pages effect. Horizontal and vertical layouts
Preloader image was added.
All Around – Wordpress Content Slider / Carousel – 1. All Around wordpress content slider is a multi-purpose all-in-one slider solution for your website. You can adjust the slider jQuery plugin the way you need it or you can choose one of our 6 prepared layouts. The All Around wordpress slider/carousel has tons of options and features that you can set-up. It ranges from auto-play option and vertical/horizontal alignment up to border colors and radius. The features of the All Around content slider / carousel are listed below.All Around content slider frontend features
- You can choose between horizontal and jQuery UI vertical slider
All Around content slider backend features
- Set slider height or let the slider manage this
- Choose the alignment of the slider (Vertical or Horizontal)
- Slider with keyboard arrow keys
- Set max slider height in small resolutions
Fixed a bug that freezes slider on iPhone/iPad